<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#first{
				background:url(img/list_bg.gif) no-repeat;
				background-size: cover;
				height: 100px;
				
			}
			#first ul{
				position: relative;
				top: 60px;
			}
			#first li{
				display: inline-block;
			}
		</style>
		<script type="text/javascript">
			function quanxuan(){
				var selects=document.getElementsByName("all1");
				if(document.getElementById("all").checked=true){
					for(var i=0;i<selects.length;i++){
						selects[i].checked=true;
					}
				}			
			}
			function danxuan(){
				document.getElementById("all").checked=true;
			}
		</script>
	</head>
	<body>
		<div id="first">
			<ul>
				<li>
					<input type="checkbox" name="all" id="all" value="全选" onclick="quanxuan()"  />
					全选
				</li>
				<li>
					商品图片
				</li>
				<li>
					商品名称/出售者/联系方式
				</li>
				<li>
					价格
				</li>
			</ul>
		</div>
		<div id="second">
			<ul>
				<li>
					<input type="checkbox" name="all1" id="all1" value="qq" onclick="danxuan()" />
					<img src="img/list0.jpg"/>
				</li>
				<li>
					<input type="checkbox" name="all1" id="all2" value="ww" onclick="danxuan()"  />
					<img src="img/list1.jpg"/>
				</li>
				<li>
					<input type="checkbox" name="all1" id="all3" value="ee" onclick="danxuan()" />
					<img src="img/list2.jpg"/>
				</li>
				<li>
					<input type="checkbox" name="all1" id="all4" value="rr" onclick="danxuan()" />
					<img src="img/list3.jpg"/>
				</li>
			</ul>
		</div>
	</body>
</html>